<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    
    <f:view locale="#{bundle.locale}">
    <body>
        <f:loadBundle basename="resources.lang" var="msg" />
        <ui:composition template="./Base.xhtml">

            <ui:define name="content">
                
                <div id="TwoContainers" class="container-fluid">
                    <div class="row-fluid">
                      <ui:include src="Menu.xhtml" />
                        <div id="bodyContentIndex" class="span10">
                        <!--Body content-->
                        <h1><h:outputText value="#{msg.LabelMainTitle}"></h:outputText></h1>
                        <div id="myCarousel" class="carousel slide">
                            <ol class="carousel-indicators">
                              <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                              <li data-target="#myCarousel" data-slide-to="1"></li>
                              <li data-target="#myCarousel" data-slide-to="2"></li>
                            </ol>
                            <!-- Carousel items -->
                            <div class="carousel-inner">
                              <div class="active item">
                                  <h:graphicImage value="resources/img/avengers.jpg"></h:graphicImage>
                                  <div class="carousel-caption">
                                    <h4>Avengers</h4>
                                    <p>The new Avengers film is available for download for 24€</p>
                                  </div>
                              </div>
                              <div class="item">
                                  <h:graphicImage value="resources/img/CarteCadeaux.jpg"></h:graphicImage>
                                  <div class="carousel-caption">
                                    <h4>Cartes Cadeaux</h4>
                                    <p>Notre service carte cadeaux pour tout ceux qui le désirent</p>
                                  </div>
                              </div>
                              <div class="item">
                                  <h:graphicImage value="resources/img/adele_skyfall.jpg"></h:graphicImage>
                                  <div class="carousel-caption">
                                    <h4>Adele - Skyfall</h4>
                                    <p>Télécharger son dernier single au succès planétaire</p>
                                  </div>
                              </div>
                            </div>
                            <!-- Carousel nav -->
                            <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                            <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
                        </div>
                      </div>
                    </div>
                </div>
                
            </ui:define>

        </ui:composition>

    </body>
    </f:view>
</html>
